$def with (page_content)
<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8">
  <title>$page_content.title - SSHMeIn</title>
  <link rel="favourites icon" href="static/favicon.ico">
  <link href="static/css/dot-luv/jquery-ui-1.8.15.custom.css" media="screen" rel="Stylesheet" type="text/css">
  <link href="static/css/sshmein.css" media="screen" rel="Stylesheet" type="text/css">
</head>
<body id="body_">
  <div id="flash" class="ui-widget ui-corner-all ui-widget-content"></div>  
  <div id="loadingDiv" style="text-align:center; color:#FFF; display:none;">
    <br>
    <h3>Please wait! Loading groups and hosts</h3>
  </div>
  <div id="wrapper" class="ui-corner-all ui-widget-content">
    <div id="announce">
      Try New Beta Version : 
      <a href="http://0-4-0-rc1.sshmein.appspot.com/">0.4.0-RC1</a>
    </div>
    <div id="header" class="ui-widget ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix">
      <a id="logout" href="#" title="Logout" class="ui-state-default">
        <span class="ui-icon ui-icon-closethick">Logout</span>
      </a>
      <span class="ui-dialog-title" title="Version $page_content.version">
        <img src="static/images/logo_sshmein.png" border="0" align="left">&nbsp;Dashboard - SSHMeIn
      </span>
    </div><!-- header -->
    <div id="content">
    	<div id="sidebar" class="ui-corner-all ui-widget-content">
	  		<div id="sidebar_header" class="ui-widget ui-widget-header ui-corner-tl ui-corner-tr">
	    		Status
	  		</div>
	  		<div id="sidebar_info">
  		    <p id="tunnel_on_count"><span>0</span> tunnels are ON</p>
          <ul></ul>       
        </div>
      </div><!-- sidebar -->
      <div id="main">
        <div id="toolbar" class="ui-widget-content ui-widget-header ui-corner-all">
          <div id="switcher"></div>            
          <button id="refresh" title="Refresh" class="with-icon ui-state-default ui-corner-all"><span class="ui-icon ui-icon-refresh"></span>Refresh</button>
          <!-- Button toggle display -->
          <span id="viewby">
            View by :  
            <button title="Tile view" id="displayByGroups" class="ui-state-default ui-state-active ui-corner-all">Groups</button> 
            <button title="Detail view" id="displayByHosts" class="ui-state-default ui-corner-all">Hosts</button> 
          </span>
        </div><!-- toolbar -->
        $:page_content	
      </div><!-- main -->
    </div><!-- content -->
    <div id="footer" class="ui-widget ui-widget-header ui-corner-bottom">
      <span id="mailsupport" style="float:right">Bugs and comments : <a href="mailto:contact@sshmein.com">contact@sshmein.com</a></span>    
      <a href="http://www.sshmein.com">www.sshmein.com</a>
    </div>
  </div><!-- wrapper -->
  
  <!-- IE6 PNG support fix -->
  <!--[if lt IE 7]>
      <script type="text/javascript" charset="utf-8" src="js/libs/unitpngfix.js"></script>
  <![endif]-->
  <script type="text/javascript" src="static/js/libs/jquery-1.6.2.min.js"></script>
  <script type="text/javascript" src="static/js/libs/jquery-ui-1.8.15.custom.min.js"></script>
  <script type="text/javascript" src="static/js/libs/jquery.form.js"></script>
    <script type="text/javascript" src="static/js/libs/jquery.multi-accordion-1.5.3.js"></script>

  <script type="text/javascript" src="static/js/libs/jquery.jeditable.pack.js"></script>
  <script type="text/javascript" src="static/js/libs/themeswitchertool.js"></script>
  <script type="text/javascript" src="static/js/libs/jquery.tmpl.js"></script>
  <script type="text/javascript" src="static/js/libs/amplify.min.js"></script>
  <script type="text/javascript" src="static/js/libs/notifier.js"></script>
  <script type="text/javascript" src="static/js/sshmein.js"></script>
  <script type="text/javascript" src="static/js/global.js"></script>

  
  <!-- jQuery templates -->
    <script type="text/x-jquery-tmpl" id="groupTemplate">
    <div id="group_\${id}" data-groupname="\${name}" class="group">
        <h3>
            <span id="tunnelON_\${id}" class="tunnel"></span>
            <a href="#"><span id="\${id}" class="editgroupname">\${name}</span></a>
        </h3> 
        <div class="hosts"> 
            <a href="#" class="delgroup" id="delgroup_\${id}" title="Delete group \${name} "><span class="ui-icon ui-icon-circle-close fltr">Delete group</span></a> 
            <p id="\${id}" class="editgroupdescription">\${description}</p> 
            <div class="ui-widget-header ui-corner-all ui-helper-clearfix"> 
                <button id="btn_new_host_\${id}" title="Add a new host" class="new_host with-icon ui-state-default ui-corner-all"><span class="ui-icon ui-icon-plusthick"></span>New Host</button> 
                <div class="filter ui-helper-clearfix">View :  
                    <button title="View all tunnels" class="view_all ui-state-default ui-state-active ui-corner-left">ALL</button> 
                    <button title="View tunnels ON only" class="view_on ui-state-default">Tunnel ON</button> 
                    <button title="View tunnels OFF only" class="view_off ui-state-default ui-corner-right">Tunnel OFF</button> 
                </div>
            </div>
        </div>
    </div>
    </script>
    
    <!-- Host template for groups view -->
    <script type="text/x-jquery-tmpl" id="hostTemplate">
    <dl class="host \${style_class}" data-host="\${id}">
      <dt> 
        <img src="static/images/delete.png" class="delete" border="0" title="Delete \${hostname}">
        <a class="download" href="hosts/broker/\${id}">
            <img title="Download tunnel's client for \${hostname}" src="static/images/download_config.png" border="0">
        </a>
        <img class="tunnel \${style_class}" src="static/images/\${img_src}" border="0" title="\${img_title}"><span class="edit_hostname">\${hostname}</span>
	    </dt>
	    <dd>
	        Tunneling to <span class="edit_gateway_host">\${gateway_host}</span> on port <span class="edit_gateway_port">\${gateway_port}</span> with user <span class="edit_gateway_user">\${gateway_user}</span>
	    </dd>
	    <dd>
	        <p>
            Tunnel key : \${tunnel_key}<br>
            Request from this host IP only : <span class="edit_authorized_ip">\${authorized_ip}</span><br>
            Last request from host : \${lastcheck}<br>
            Last log message : \${log}
          </p>
	    </dd>
    </dl>    
    </script>
    
    <!-- Host template for hosts view -->
    <script type="text/x-jquery-tmpl" id="hostTemplateRow">
      <tr data-host="\${id}">  
        <td>
          <img class="tunnel \${style_class}" src="static/images/\${img_src}" border="0" title="\${img_title}">
        </td>
        <td>
          <span class="edit_hostname">\${hostname}</span>
        </td>
        <td data-group="\${group_id}" title="Click to view this group">\${groupname}</td>
        <td>
          <span class="edit_gateway_user">\${gateway_user}</span>@<span class="edit_gateway_host">\${gateway_host}</span>:<span class="edit_gateway_port">\${gateway_port}</span>
        </td>
        <td>\${tunnel_key}</td>
        <td>\${lastcheck}</td>
        <td>\${log}</td>
        <td>
          <a class="download" href="hosts/broker/\${id}">
            <img title="Download tunnel's client for \${hostname}" src="static/images/download_config.png" border="0">
          </a>
        </td>
        <td>
          <img src="static/images/delete.png" class="delete" border="0" title="Delete \${hostname}">
        </td>
      </tr>
    </script>
</body>
</html>				
